<template>
  <div class="base">
    <el-row>
      <el-col :span="4"> 基本信息 </el-col>
      <el-col :span="20">
        <ul class="baseul">
          <li>入住时间: <b>15:00 - 15:00</b></li>
          <li>离店时间: <b>12:00之前: </b></li>
          <li>建成于: <b>2015年</b></li>
          <li>翻修于: <b>2018年 </b></li>
          <li>酒店规模: <b>535</b>间客房</li>
        </ul>
      </el-col>
    </el-row>
    <el-row>
      <el-col :span="4"> 主要设施 </el-col>
      <el-col :span="20">
        <ul class="baseul">
          <li><i class="wifi"></i>wifi服务</li>
          <li><i class="cart"></i> 免费停车</li>
          <li><i class="dianti"></i>电梯</li>
          <li><i class="canting"></i>餐厅</li>
          <li><i class="xingli"></i>行李寄存</li>
          <li><i class="fuwu"></i>24小时服务</li>
          <li><i class="reshui"></i>热水壶</li>
          <li><i class="chuifen"></i>吹风机</li>
        </ul>
      </el-col>
    </el-row>
    <el-row>
      <el-col :span="24">
        <b>马蜂窝酒店平台合作伙伴 </b>
      </el-col>
    </el-row>
    <el-row>
      <el-col :span="4"> 酒店攻略 </el-col>
      <el-col :span="20">
        <ul class="baseul">
          <li>
            台北德立庄酒店（Hotel Midtown
            Richardson）地处西门町繁华的中心地带——秀山街(中山堂对面)，毗邻便捷的捷运站。西门町拥有着流行与怀旧并存的格调，被称为台北的“原宿”。酒店周围各式潮流店铺林立，更有几家老字号的万年商业大楼、狮子林广场，乃至于较后期的万国百货与诚品116、电影街、武昌诚品等。同时，西门商圈也是美食的聚集地,举凡阿宗面线
            、桃源街牛肉面、城都杨桃冰、老天禄卤味、鸭肉扁鸭肉面等，样样都深受美食饕客的喜爱。德立庄装潢雅致、时尚，客房宽敞舒适，配置超大液晶电视、有线电视、有线及无线宽带、小冰箱、保险箱等。完善的设施与舒适的环境，让您的台北之旅增添更多便捷与精彩。
          </li>
        </ul>
      </el-col>
    </el-row>
    <el-row>
      <el-col :span="4"> 品牌信息 </el-col>
      <el-col :span="20">
        <ul class="baseul">
          <li>城市商旅</li>
        </ul>
      </el-col>
    </el-row>
  </div>
</template>

<script>
export default {
  data() {
    return {};
  },
};
</script>

<style lang="scss" scoped>
.base {
  margin-top: 40px;
  font-size: 14px;
  padding-right: 10px;
  .baseul {
    list-style-type: none;
    li {
      margin-right: 40px;
      float: left;
      i{
        padding: 0px 10px;
        margin-right:5px;
        background: url(../../assets/img/hotel-detail-icon8.png) no-repeat;
      }
      .wifi{
        background-position:  -110px -70px;
      }
      .cart{
        background-position: -130px -70px;
      }
      .dianti{
        background-position: -170px -70px;
      }
      .canting{
        background-position: -190px -70px;
      }
      .xingli{
        background-position: -210px -70px
      }
      .fuwu{
        background-position: -310px -70px;
      }
      .reshui{
        background-position: -290px -70px;
      }
      .chuifen{
        background-position: -270px -70px;
      }
    }
  }
  /deep/ .el-row {
    border-bottom: 1px solid #ccc;
    padding: 15px 0;
  }
}
</style>